<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Bootstrap 实例 - 面板标题</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

<div class="panel panel-default">
    <div class="panel-heading">
        <h3 class="panel-title">
            新增页面
        </h3>
    </div>
    <div style="padding: 40px 106px 100px;">
        <form class="bs-example bs-example-form" role="form">
            <div class="input-group">
              书籍名称：  <input type="text" class="form-control" placeholder="请输入书籍名称" name="bookName">
            </div>
            <br>
            <div class="input-group">
              书籍数量： <input type="text" class="form-control" placeholder="请输入书籍数量" name="bookConts">
            </div>
            <br>
            <div class="input-group">
              书籍简介：  <input type="text" class="form-control" placeholder="请输入书籍简介" name="detail">
            </div>
            
        </form>
    </div>
</div>